<!--
 * @Autor: Haiting Zhao
 * @Date: 2022-04-04 11:41:21
 * @LastEditors: Haiting Zhao
 * @LastEditTime: 2022-04-04 11:42:00
 * @Description: file content
 * @FilePath: \league_and_student_organization_management_system_font\src\components\error\error500.vue
-->

<template>
  <div style="margin-top: 180px;">
    <el-row>
      <el-col :span="13">
        <div style="display: flex;justify-content: right;align-items: center;margin: 0 20px;">
          <img src="../../assets/img/500.png">
        </div>
      </el-col>
      <el-col :span="11">
        <div>
          <div style="display: flex;justify-content: left;align-items: center;margin: 20px 30px;"><img src="../../assets/img/500500.png"></div>
          <div style="display: flex;justify-content: left;align-items: center;margin: 10px 35px;"><p>抱歉，服务器出错了</p></div>
          <div style="display: flex;justify-content: left;align-items: center;margin: 20px 55px;"><el-button type="success" @click="backHome">返回首页</el-button></div>
        </div>
      </el-col>
    </el-row>

  </div>
</template>

<script>
import crypto from '../../crypto/crypto'
export default {
  name: 'Error500',
  methods: {
    backHome () {
      this.$router.push('/' + crypto.set('2'))
    }
  }
}
</script>

<style>

</style>
